<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <link type="favicon" rel="shortcut icon" href="img/favicon.ico" />
  <link rel="stylesheet" href="css/index.css">
  <title>睢宁县高标准农田建设</title>
</head>

<body>
  <div class="first-screen root-wrap">
    <!-- <div class="framework-box"></div> -->
    <div class="techbox"></div>
    <div class="techbox1"></div>
    <div class="slider_l"></div>
    <div class="slider_r"></div>
    <header class="clearfix">
      <!-- <div class="nav">
        <ul>
          <li class="active">
            <a href="./qrcode.html">项目详情</a>
          </li>
        </ul>
      </div> -->
      <div class="weather" id="weather">
        天气
      </div>
      <div class="datetime">
        <span class="date-text" id="nowdatetime"></span>
        <span class="week-text" id="dateweek"></span>
      </div>
      <h2>睢宁县高标准农田建设</h2>
    </header>
    <div class="main clearfix">
      <div class="aside-left fl">
        <div class="top left-top scrollbar">
          <h3>高标准农田简介</h3>
          <ul class="description" id="getShopInfo">
          </ul>
        </div>
        <div class="bottom left-bottom scrollbar">
          <h3>各镇项目情况</h3>
          <div id="bar" class="list" style="width: 100%; height: 95%;"></div>
        </div>
      </div>
      <div class="middle-map fl">
        <div class="map-wrap">
          <a class="title-map" id="btn-toggle" title="全屏展示">
            <img src="./img/index/expand.png" alt="全屏展示" />
            <p>全屏</p>
          </a>
          <div id="map"></div>
        </div>
        <ul class="module-switch clearfix"></ul>
      </div>
      <div class="aside-right fl">
        <div class="pie clearfix scrollbar">
          <h3>在建项目</h3>
          <div class="tit clearfix">
            <span class="ranking fl">编号</span>
            <span class="name fl">项目</span>
            <span class="company fl">乡镇</span>
            <span class="hot fl">片区</span>
            <span class="hot fl">标段</span>
          </div>
          <div class="list">
            <div class="over-wrap">
              <ul class="con" id="getShopList"></ul>
            </div>
          </div>
        </div>
        <div class="area-rank scrollbar">
          <h3 id="gongchengTitle">工程日志<span>今日打卡8人</span></h3>
          <div class="tit clearfix">
            <span class="ranking fl">负责人</span>
            <span class="name fl">项目</span>
            <span class="company fl">乡镇</span>
            <span class="hot fl">时间</span>
          </div>
          <div class="list">
            <div class="over-wrap">
              <ul class="con" id="getGongchengList">
              </ul>
            </div>
          </div>
        </div>
        <div class="trend scrollbar">
          <h3 id="jianliTitle">监理日志<span>今日打卡8人</span></h3>
          <div class="tit clearfix">
            <span class="ranking fl">监理</span>
            <span class="name fl">项目</span>
            <span class="company fl">公司</span>
            <!-- <span class="hot fl">打卡</span> -->
            <span class="hot fl">时间</span>
          </div>
          <div class="list">
            <div class="over-wrap">
              <ul class="con" id="getJianliList">
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="myDialog" class="dialog">
    <div class="dialog-header">
      <span id="dialog-title"></span>
      <img src="./img/index/max.png" width="24" height="24" class="max" title="最大化" />
      <img src="./img/index/min.png" width="24" height="24" class="min" title="最小化" />
      <span class="close" title="关闭"></span>
    </div>
    <div class="dialog-content">
      <div class="dialog-context scrollbar"></div>
      <div class="dialog-tool">
        <img class="btn-plug" src="img/index/plug.png" alt="放大" />
        <img class="btn-reduce" src="img/index/reduce.png" alt="缩小" />
        <img class="btn-reset" src="img/index/reset.png" alt="重置" />
      </div>
    </div>
  </div>
  <div id="dialog-layer"></div>
  <script src="js/echarts-5.4.3.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/macarons.js"></script>
  <script src="js/data.js"></script>
  <script src="js/base.js"></script>
  <script src="js/map.js"></script>
</body>

</html>